// =====================登录注册表单切换===================
$('#showReg').on('click',function(){
    $('.login-form').hide()
    $('.reg-form').show()
})
$('#showLogin').on('click',function(){
    $('.login-form').show()
    $('.reg-form').hide()
})
// todo 给输入框设置校验
let form = layui.form
form.verify({
    //我们既支持上述函数式的方式，也支持下述数组的形式
    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
    // todo让密码框不等于验证密码框的时候提醒
    repwd: function(value){ //value：表单的值、item：表单的DOM对象
        if(value !== $('#pwdId').val()){
        //   alert('请输入相同的密码');
          return '输入相同的密码';
        }
      }
    ,pwd: [
      /^[\S]{6,12}$/
      ,'密码必须6到12位，且不能出现空格'
    ] 
  });  
//?   ======================================ajax请求实现注册功能====================================
// axios步骤
//todo 1.注册表单submit事件
//todo 2.阻止表单的默认行为
//todo 3.收集表单数据
//todo 4.axios 发请求
let layer = layui.layer;
// 1.
$('.reg-form').on('submit',function(e){
    // 2.
    e.preventDefault()
    // 3.
    // !注意表单每一项需要name属性
    // !name 属性值 照着接口文档去书写
    // !此处只允许使用serialize 不允许使用Formdata

    const data=$(this).serialize()
    //4.
    // axios.post
    axios.post('/api/reguser',data)
    .then(({ data:{status,message}}) => {
        if(status!==0){
            return layer.msg(message);
        }
        layer.msg(message);
        // $('.reg-form')[0].reset()
        $('#showLogin').click()

    })
})
    
  //? ====================================ajax请求实现登录功能=======================================
  $('.login-form').on('submit',function(e){
    // 2.
    e.preventDefault()
    // 3.
    // !注意表单每一项需要name属性
    // !name 属性值 照着接口文档去书写
    // !此处只允许使用serialize 不允许使用Formdata

    const data=$(this).serialize()
    //4.
    // axios.post
    axios.post('/api/login',data)
    .then(({ data:{status,message,token}}) => {
      // 后续是登录功能
      // 登陆失败
        if(status!==0){
            return layer.msg(message);
        }
      //登陆成功 
        layer.msg(message, {
          icon: 1,
          time: 1000 //2秒关闭（如果不配置，默认是3秒）
        }, function(){
          //do something
          location.href='/index.html'
          // 把 token令牌给本地存储
          localStorage.setItem('token',token)
        });   
      })
})

    